<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">

<style>
.add_div {
	width: 400px;
	height: 500px;
	border: solid #ccc 1px;
	margin-top: 40px;
	margin-left: 170px;
	padding-left: 20px;
}

.file-list {
	height: 125px;
	display: none;
	list-style-type: none;
}

.file-list img {
	max-width: 150px;
	vertical-align: middle;
}

.file-list .file-item {
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
}

.file-list .file-item .file-del {
	display: block;
	margin-left: 58px;
	margin-top: 5px;
	cursor: pointer;
}

</style>

	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<input id="indexradio" name="indexradio" type="hidden">
							
							<input style="width: 100px;" id="userId"  name="userId" type="hidden" th:value="${user.userId}">
							
							  
														<div class="form-group">	
								<label class="col-sm-2 control-label">经典写字楼名称：</label>
								<div class="col-sm-8">
									<input id="officeName" name="officeName" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">	
								<label class="col-sm-2 control-label">经典写字楼地址：</label>
								<div class="col-sm-8">
									<input id="officeAdd" name="officeAdd" class="form-control" type="text">
								</div>
							</div>
							

							
							<div class="form-group">	
								<label class="col-sm-2 control-label">日常租金：</label>
								<div class="col-sm-2">
									<input id="officeAtm" name="officeAtm" class="form-control" type="text">
								</div>
								
								<label class="col-sm-1 control-label">总面积：</label>
								<div class="col-sm-2">
									<input id="builtArea" name="builtArea" class="form-control" type="text">
								</div>
							</div>
									
												
							<div class="form-group">	
								<label class="col-sm-2 control-label">层高：</label>
								<div class="col-sm-2">
									<input id="standardHeight" name="standardHeight" class="form-control" type="text">
								</div>
								
								<label class="col-sm-1 control-label">总楼层：</label>
								<div class="col-sm-2">
									<input id="totalFloor" name="totalFloor" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">	
								<label class="col-sm-2 control-label">得房率：</label>
								<div class="col-sm-2">
									<input id="roomRate" name="roomRate" class="form-control" type="text">
								</div>
								
								<label class="col-sm-2 control-label">竣工日期：</label>
								<div class="col-sm-2">
									<input id="jundate" name="jundate" class="form-control" type="date">
								</div>
							</div>
							
							<div class="form-group">	
								<label class="col-sm-2 control-label">开发商：</label>
								<div class="col-sm-8">
									<input id="developers" name="developers" class="form-control" type="text">
								</div>
							</div>	
							<div class="form-group">	
								<label class="col-sm-2 control-label">物业公司：</label>
								<div class="col-sm-8">
									<input id="propertyCompany" name="propertyCompany" class="form-control" type="text">
								</div>
							</div>		
				              
							<div class="form-group">
								<label class="col-sm-2 control-label">*描述：</label>
								<div class="col-sm-8">
									<textarea class="form-control" id="describeinfo"
										name="describeinfo" rows="7"
										style="width: 600px; height: 70px"></textarea>
								</div>
							</div>
					      
																																			
							<div class="form-group">
									<label class="col-sm-2 control-label">*等级排名：</label> 
									<div class="col-sm-8">
									<select
										style="width: 150px;" data-placeholder=""
										name="officeRanking" id="officeRanking"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="officeRankingList : ${officeRankingList}"
											th:text="${officeRankingList.name}"
											th:value="${officeRankingList.value}"></option>
									</select>
									</div>
								</div>
							
							
							
							 <div class="form-group">
									<label class="col-sm-2 control-label">*火热等级：</label> 
									<div class="col-sm-8">
									<select
										style="width: 150px;" data-placeholder=""
										name="officeKbn" id="officeKbn"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="officeKbnList : ${officeKbnList}"
											th:text="${officeKbnList.name}"
											th:value="${officeKbnList.value}"></option>
									</select>
									</div>
								</div>
								
								<div class="form-group">
									<div>
										
										<label class="col-sm-2 control-label">经典写字楼图片：</label>
										<div class="col-sm-8">
											<input type="file" name="files" id="files" multiple="multiple" />
										
										
										<ul class="file-list">
										</ul>
										</div>
										
									</div>
								</div>

									<div class="form-group">
										<div class="col-sm-8 col-sm-offset-3">
										<button type="submit" class="btn btn-primary">提交</button>
									</div>
							
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/xzl/buildingManagement/add.js">
	</script>
</body>
</html>
